<#include "header.html"/>
<#include "footer.html"/>
<#macro layout title description=web_description! keywords=web_keywords!>
    <#--@compress single_line=true>-->
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" lang="cn" class="no-js">
    <head>
        <meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7; IE=EDGE,chrome=1"/>
        <meta name="viewport" content="width=device-width, initial-scale=1.0 maximum-scale=2.0 user-scalable=yes"/>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
        <!--<link rel="shortcut icon" href="favicon.ico"/>-->
        <link rel="apple-touch-icon" href="${web_domain!}/apple-touch-icon-114x114.png"/>
        <link rel="apple-touch-icon-precomposed" href="${web_domain!}/apple-touch-icon-114x114.png"/>
        <meta name="description"content="${web_description!}"/>
        <meta name="keywords" content="${web_keywords!}"/>
        <link rel="apple-touch-icon" href="${web_domain!}/apple-touch-icon.png"/>
        <title>${title!}</title>
        <link rel="stylesheet" href="${front_template!}/s/css/style.css" /><link rel="stylesheet" href="${front_template!}/s/css/public.css" />
        <script src="http://siteapp.baidu.com/static/webappservice/uaredirect.js" type="text/javascript"></script>
        <script type="text/javascript">uaredirect("${web_domain}/m/");</script>
        <!-- 在老版本的IE里面启动HTML5 -->
        <!--[if lt IE 9]><script type="text/javascript" src="js/html5.js"></script><![endif]-->
        <!-- menu -->
        <link rel="stylesheet" type="text/css" href="${front_template!}/s/css/menu.css" />

        <script type="text/javascript">
            <!--
            var timeout = 500;
            var closetimer = 0;
            var ddmenuitem = 0;

            // open hidden layer
            function mopen(id) {
                // cancel close timer
                mcancelclosetime();

                // close old layer
                if (ddmenuitem) ddmenuitem.style.visibility = 'hidden';

                // get new layer and show it
                ddmenuitem = document.getElementById(id);
                ddmenuitem.style.visibility = 'visible';

            }
            // close showed layer
            function mclose() {
                if (ddmenuitem) ddmenuitem.style.visibility = 'hidden';
            }

            // go close timer
            function mclosetime() {
                closetimer = window.setTimeout(mclose, timeout);
            }

            // cancel close timer
            function mcancelclosetime() {
                if (closetimer) {
                    window.clearTimeout(closetimer);
                    closetimer = null;
                }
            }

            // close layer when click-out
            document.onclick = mclose;
            // -->
        </script>
        <link rel="stylesheet" type="text/css" href="${front_template!}/s/css/jquery.jslides.css" media="screen" />
        <script type="text/javascript" src="${front_template!}/s/js/jquery-1.8.0.min.js"></script>
        <script type="text/javascript" src="${front_template!}/s/js/jquery.jslides.js"></script>
        <script type="text/javascript" src="/s/js/laypage/laypage.js"></script>
        <script type="text/javascript" src="/s/js/layer/layer.js"></script>
        <style>
            .rollphotos
            {
                width: 1300px;
                margin: 0 auto;
                padding-top: 542px;
            }
            #demo
            {
                height: 267px;
            }
            #demo .imgBorder
            {
                margin: 10px;
            }
            #demo p a
            {
                color: #111;
                font-weight: bold;
                font-size: 16px;
                line-height: 44px;
            }
            #demo .imgBorder img
            {
                width: 267px;
            }
        </style>
        <style>
            /*无缝滚动*/
            .demo{width:1240px;margin:10px auto;clear:right;}
            .wfgd{height:24px;overflow:hidden;}
            .wfgd .wfgd-ul1 li{width:auto;padding-left:10px; font-size:14px; margin-right:20px;line-height:22px;text-align:center;float:left;background:url(${front_template!}/s/images/hs_dot2.gif) left center no-repeat; }

        </style>
        <script type="text/javascript" src="${front_template!}/s/js/imglist.js"></script>
        <style type="text/css">
            <!--
            .select_box {width:196px; position:relative; padding:0; font-size:12px; margin-top:15px}
            .submit_box {width:206px; position:relative; padding:0; font-size:12px; text-align:center;}
            ul,li {list-style-type:none; padding:0; margin:0}
            .select_box input {cursor:pointer; display:block; line-height:32px; width:100%; height:32px; overflow:hidden;border:1px solid #ccc;  padding-left:10px; background:#fff url(${front_template!}/s/images/select_input_bg.jpg) no-repeat right top ; font-family:Microsoft Yahei}
            .select_box ul {width:206px; position:absolute; left:0; bottom:35px; border:1px solid #ccc; background:#fff; overflow: hidden;display:none; background:#ebebeb; z-index:99999; font-size:14px;}
            .select_box ul li {display:block;height:30px;overflow:hidden;line-height:30px;padding-left:5px;width:100%;cursor:pointer;}
            .hover {background:#ccc; color:#5a7292;text-decoration:none}
            .select_box ul li:hover{background:#ccc; color:#5a7292;text-decoration:none}
            -->
        </style>
        <script type="text/javascript">
            $(document).ready(function () {
                $(".select_box input").click(function () {
                    var thisinput = $(this);
                    var thisul = $(this).parent().find("ul");
                    if (thisul.css("display") == "none") {
                        if (thisul.height() > 200) { thisul.css({ height: "200" + "px", "overflow-y": "scroll" }) };
                        thisul.fadeIn("100");
                        thisul.hover(function () { }, function () { thisul.fadeOut("100"); })
                        thisul.find("li").click(function () { thisinput.val($(this).text()); thisul.fadeOut("100"); }).hover(function () { $(this).addClass("hover"); }, function () { $(this).removeClass("hover"); });
                    }
                    else {
                        thisul.fadeOut("fast");
                    }
                })
                $("#submit").click(function () {
                    var endinfo = "";
                    $(".select_box input:text").each(function (i) {
                        endinfo = endinfo + (i + 1) + ":" + $(this).val() + ";\n";
                    })
                    alert(endinfo);
                })
            });
        </script>

    </head>
    <body>
        <div class="mainbox">
            <@header/>
        <#nested/>
            <@footer/>
        </div>
    </body>
    </html>
    <#--</@compress>-->
</#macro>